<!DOCTYPE html>
<html style="z-index: 0;">

<head>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <meta charset="utf-8">
        <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
        <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
        <link rel="stylesheet" type="text/css" href="../../css/aui.css">
        <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css">
        <link rel="stylesheet" type="text/css" href="../../css/api.css">
        <link rel="stylesheet" type="text/css" href="../../font-icon/demo.css">
        <link rel="stylesheet" type="text/css" href="../../font-icon/iconfont.css">
        <script type="text/javascript" src="../../script/api.js"></script>
    
        <script src="../../script/TouchSlide.1.1.js"></script>
        <link rel="stylesheet" type="text/css" href="../../css/aui.css">
</head>
<style>
        .newss{
            background-color: #f5f5f5;
            border-top: 0.1rem solid #ececec;
            margin-top: 4rem;
        }
        /* 线 */
        .mid_rec_hid{        
            width: 100%;
            overflow: hidden;
            height: 7.8rem;
            border-bottom: 0.05rem solid #dddddd;
            border-top: 0.05rem solid #dddddd;
        }
        .rec_tit{
            width: 100%;
            height: 3rem;
            margin-top: 0.3rem;
            display: flex;
            flex-direction: row;
            float: left;
        }
        .tit_1{
            height: 2rem;
            width: 4rem;
            flex-wrap: nowrap;
            background: url('../../image/tit_bg.png')no-repeat;
            display: block;
            font-size: 0.8rem;
            font-weight: bold;
            line-height:2rem;
            background-size:100% 90%;
            color: #666666;
            float: left;
            margin-left: 0.5rem;
        }
        .tit_2{
            display: block;
            float: left;
            height: 4rem;
            font-size: 0.7rem;
            line-height:2rem;
            color: #999999;
            margin: 0rem 0.5rem;
        }
        .hot_tit{
            display: block;
            float: left;
            height: 4rem;
            font-size: 1rem;
            line-height: 2rem;
            color: #f7911b;
            margin-left: 0.2rem;
        }
      
        .look_tit{
            display: block;
            float: left;
            height: 4rem;
            margin-left: 1rem;
            font-size: 0.8rem;
            line-height: 2rem;
            color: #666666;
        }
        .type{
            margin-top: 0.8rem;
        }

        .type ul{
            display: flex;flex-direction: row;flex-wrap:wrap ;width: 100%;
        }
        .type ul li{
            width: 3.6rem;height: 2.5rem;border-right: solid 0.5rem transparent;
            border-left: solid 0.5rem transparent; margin-bottom: 2rem;
            margin-top: 0.5rem;
        }
       
        .type ul li span{
            font-size: 0.6rem;display: flex;flex-wrap: nowrap; width: 2.6rem;
            margin-top: 0.5rem; 
            text-align: center;
            
        }





        :-moz-placeholder{
            color: #eeeeee;
        }
        ::-moz-placeholder
        {
            color: #eeeeee;
        }
        ::-webkit-input-placeholder{
            color: #eeeeee;
        }
        :-ms-input-placeholder{
            color: #eeeeee;
        }
       
        .mid_rec {
            position: relative;
            left: 33.33%;
            top: 0rem;
            width: 33.33%;
        }
        .mid_rec .bd{
            width: 100%;
        }
        
        .bd .div0,.bd .div1,.bd .div2{
            background-color:white;
            -moz-box-shadow:0px 0rem 0.3rem #999999;
            -webkit-box-shadow:0px 0rem 0.3rem #999999;
            box-shadow:0px 0rem 0.3rem #999999;
        }
        .slide_img{
            width: 21%;
            height: 100%;
       
            float: left;
        }
        .slide_title{
            float: left;
            width: 55%;
            height: 20%;
            font-size: 0.8em;
            font-weight: bold;
            position: relative;
            top: 10%;
            left: 5%;
            z-index:1;
            overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        }
        .slide_text{
            float: left;
            width: 55%;
            font-size: 0.7em;
            z-index:1;
            position: relative;
            top: 10%;
            left: 5%;
            word-break:break-all;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;   
            overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
        }
        .slide_price{
            width: 30%;
            height: 20%;
            font-size: 1.6em;
            color: transparent ;
            position: relative;
            float: left;
            bottom: -15%;
            left: 5%;
            z-index:1;
        }
        .slide_time{
            z-index:1;
            width: 30%;
            height: 20%;
            font-size: 0.5m;
            color: #666666;
            position: relative;
            float: left;
            bottom: -15%;
            left: 11%;
        }
       
        .type_main{
            height: auto;
            width: 100%;
            transition: all 1s;
            margin-top: 0.8rem;
            overflow: hidden;
        }
        .real_type_main{
            height: auto;
            width: 606%;
           
        }
        .type_item{
            display: inline;
            height:auto;
            width: 15.9867%;
            float: left;
            margin-left: 0.3%;
            margin-right: 0.38%;
            border-radius: 1rem;
        }
        .type_title{
            width: 100%;
            height: auto;
        }
        .type_title img{
            width: 95%;
            margin-left: 0.4rem;
        }
        .class_item{
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: wrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
          overflow: hidden;
             background: linear-gradient(to right, #f98986 , #fabfbd);
             color:#fff;
            
        }
        .class_item span {
            margin-right: 0.3rem;
           
        }
        .class_item1{
            
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: nowrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
            overflow: hidden;
            background: linear-gradient(to right,#8ec4f1 , #bed6fa ); 
            color:#fff;
            
        }
        .class_item1 span {
            margin-right: 0.3rem;
           
        }
        .class_item2{
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: wrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
            overflow: hidden;
            background: linear-gradient(to right,#78f1f9 , #bef9f5); 
            color:#fff;
            
        }
        .class_item2 span {
            margin-right: 0.3rem;
           
        }
        .class_item3{
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: wrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
            overflow: hidden;
            background: linear-gradient(to right, #f490f9 , #fabefa); 
            
            color:#fff;
        }
        .class_item3 span {
            margin-right: 0.3rem;
           
        }
        .class_item4{
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.5rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: nowrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
            overflow: hidden;
            background: linear-gradient(to right, #8df988 , #d8fcc0); 
            color:#fff;
            
        }
        .class_item4 span {
            margin-right: 0.3rem;
           
        }
        .class_item5{
            width: 96%;
            float: left;
            margin-left: 0.4rem;
            height: 3.5rem;
            margin-top: 1rem;
           
            border-radius: 0.3rem;
            display: flex;
            flex-direction: row;
            justify-content: start;
            flex-wrap: wrap;
            line-height: 3.4rem;
            font-size: 0.8rem;
            overflow: hidden;
            background: linear-gradient(to right, #fdd188 , #f8ebc8); ;
           
            color:#fff;
        }
        .class_item5 span {
            margin-right: 0.3rem;
           
        }
        .hot_main{
            width: 100%;
            margin: auto;
            height: auto;
        }
        .hot_main ul {
            width: 100%;
        }
        .hot_main ul li{
            margin-top: 1rem;
            margin-left: 2%;
            float: left;
            width: 47%;
            height: 14rem;
            border-radius: 1rem;
            overflow: hidden;
        }
        .hot_main ul li .hot_img_box{
            height: 60%;
            width: 100%;
            background-color: pink;
            border-top-left-radius: 1rem;
            border-top-right-radius: 1rem;
            float: left;
        }
        .hot_main ul li .hot_info{
            height: 40%;
            width: 100%;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            float: left;
        }
        .hot_main ul li .hot_shadow{
            height: 100%;
            width: 100%;
            border-radius: 1rem;
            background-color: rgba(0, 0, 0, 0.4);
            position: relative;
            left: 0;
            top: 100%;
        }
        .hot_tips{
            display: block;
            width: 5em;
            height: 3rem;
            margin: auto;
            text-align: center;
            font-size: 1rem;
            line-height: 3rem;
            background: url('../../image/tit_bg.png')no-repeat;
            background-size:100% 90%;
        }
        .hot_text{
            width:95%;
           height: 1rem;
            word-break:break-all;
            display:-webkit-box;
           flex-wrap: nowrap;
            -webkit-box-orient:vertical;
            overflow:hidden;
            font-size: 0.7rem;
            line-height: 1rem;
            margin: auto;
            margin-top: 0.2rem;
            font-weight: bold;
            letter-spacing:0.1rem;
        }
        .hot_user_info{
            width: 70%;
            height: 50%;
            float: left;
            margin-top: 0.4rem;
        }
        .hot_head_img{
            width: 1.9rem;
            height: 1.9rem;
            margin-top: 0.2rem;
            margin-left: 0.2rem;
            border-radius: 3rem;
            background-color: red;
            float: left;
        }
        .hot_user_name{
            margin-top: 0.1rem;
            margin-left: 0.2rem;
            width: 3rem;
            height: 1rem;
            float: left;
            font-size: 0.7rem;
            color: orangered;
        }
        .hot_time{
            margin-left: 0.1rem;
            width: 3.5rem;
            height: 1rem;
            float: left;
            font-size: 0.6rem;
            margin-top: 0.5rem;
            color: #999999;
        }
        .zan{
            width:30%;
            height: 50%;
            float: left;
        }
        .zan_icon{
            width: 0.9rem;
            height: 0.9rem;
            float: left;
            margin-top: 1.2rem;
        }
        .zan_num{
            width: 1.5rem;
            height: 1.5rem;
            font-size: 0.6rem;
            float: left;
            margin-top: 1.3rem;
        }
        .more_img{
            height:0.8rem;
            width: 0.6rem; 
            float: right;
            margin: 1.3rem -0.5rem;
        }
        .aui-searchbar{
            position: fixed;
            top: 0;
            background-color: #f7911b;
            height: 2.8rem;
        }
        .aui-searchbar-input{
            background-color: #f7911b;
        }
        #aui_slide3{
            float: left;
            width: 100%;
            height: auto;
            margin-top: 5rem;

        }
        .aui-slide-wrap{
            margin-top: 3rem;
            width: 90%;
            margin-left: 5%;
        }
    </style>
<body style="z-index: 999;">
   
        <div class="aui-searchbar" style="">
                <div style="width:2rem;height: 2rem;float: left;margin-left: 0.3rem;" >
                        <img src="../../image/logo_mk.png" style="width:100%;height:1005;">
                        
                    </div>
                <div class="aui-searchbar-input aui-border-radius" id="keyword" tapmode >
                   
                    <input style="text-align: left;" type="search" placeholder="搜各大商城宝贝，购物更省钱" font-color="ffffff" id="search_input">
                </div>
                <div class="search1" tapmode onclick="doSearch()"><img src="../../image/08.png"/></div>
                <div tapmode onclick="doSign()" style="width: 100%;">
                    
                    <div class="Sign_in" >
                        <img src="../../image/sign_in.png" style="width:100%;float:left;margin-top: -0.5rem;">
                        
                    </div>
                </div>
              
        </div>
    <div id="aui-slide3">
       
    </div>
            <div class="mid_rec_hid">
                <div class="rec_tit">
                        <div class="tit_1"><div style=" margin:0.1rem 0.5rem;float: left;display: flex;flex-wrap: nowrap;width: 4rem;">有圈号外</div></div>
                         <span class="tit_2">分享热门事情热门人物</span>
                        <span class="look_tit" >热门</span>
                        <span class="hot_tit" >关注</span>
                </div>

                        <div class="mid_rec" id="mid_rec">
                                <div class="bd">
                                    <ul>
                                        <li style="z-index:1;">
                                            <div class="div0" style="width:100%;height:2rem;border-radius: 0.5rem;">
                                                    <div class="slide_img"></div>
                                                    <div class="slide_title">有圈大更新</div>
                                                    <p class="slide_text">邀请有惊喜
                                                        </p>
                                                    <div class="slide_price">17.5</div>
                                                    <div class="slide_time">9:31</div>
                                            </div>
                                        </li>      
                                    </ul>
                                    <ul>
                                        <li style="z-index:1;">
                                            <div class="div1" style="width:100%;height:2rem;border-radius: 0.5rem;">
                                                    <div class="slide_img"></div>
                                                    <div class="slide_title" >社交返利舍我其谁</div>
                                                    <p class="slide_text">网购实惠尽在芒客</p>
                                                    <div class="slide_price">17.5</div>
                                                    <div class="slide_time">9:31</div>
                                            </div>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li style="z-index:1;">
                                            <div class="div2" style="width:100%;height:2rem;border-radius: 0.5rem;">
                                                    <div class="slide_img"></div>
                                                    <div class="slide_title">返利很简单
                                                            </div>
                                                    <p class="slide_text">三部就知晓</p>
                                                    <div class="slide_price">17.5</div>
                                                    <div class="slide_time">9:31</div></div>
                                        </li>            
                                    </ul>
                                </div>
                            </div>
        </div>

          <div class="type" >
            <ul>
                <li >
                    <div class="type_img">
                        <img src="../../image/mz.png" />
                    </div>
                    <span class="type_tit">时尚美妆</span>
                </li>
                <li>
                    <div class="type_img" >
                        <img src="../../image/hf.png" />
                    </div>
                    <span class="type_tit"style="margin-left:0.5rem;">护肤</span>
                </li>
                <li>
                    <div class="type_img">
                        <img src="../../image/hl.png" />
                    </div>
                    <span class="type_tit">个人护理</span>
                </li>
                <li>
                    <div class="type_img">
                        <img src="../../image/sh.png" />
                    </div>
                    <span class="type_tit" style="margin-right: 1.5rem;">精品生活</span>
                </li>
                <li>
                    <div class="type_img">
                        <img src="../../image/cs.png" />
                    </div>
                    <span class="type_tit" style="margin-left:0.5rem;">超市</span>
                </li>
                
                <li>
                    <div class="type_img">
                        <img src="../../image/hh.png" />
                    </div>
                    <span class="type_tit">发现好货</span>
                </li>
                <div>
                    <div style="width: 2.8rem;height:2.8rem;margin:0.3rem;">
                    <div class="type_img">
                        <img src="../../image/qt.png" />
                    </div>
                    <span class="type_tit"  style="margin-left:0.5rem;line-height: 1.8rem;">其他</span>
                </div>
            </ul>
        </div>
        <div class="type_main">
            <div class="real_type_main" id="real_type">
                <div class="type_item">
                    <div class="type_title">
                        <img src="../../image/mz_title.png" />
                    </div>
                <div id="move-one">
                     <!-- <div class="class_item" style="width: 60%;">
                        <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item" style="width: 95%;">
                          <span style="font-size: 1rem;margin: 0rem 0.5rem;">脸妆</span>
                        <span>粉底液</span>
                        <span>腮红</span>
                        <span>隔离</span>
                        <span>粉饼</span>
                        <span>卸妆水</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item" style="width: 86%;">
                          <span style="font-size: 1rem;margin: 0rem 0.5rem;">香氛</span>
                        <span>女士香水</span>
                        <span>香体乳</span>
                        <span>男士香水</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item" style="width: 66%;">
                          <span style="font-size: 1rem;margin: 0rem 0.5rem;">眼妆</span>
                        <span>睫毛膏</span>
                        <span>眼影</span>
                        <span>眉笔</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item">
                          <span style="font-size: 1rem;margin: 0rem 0.5rem;">洗发水</span>
                        <span>男士洗发水</span>
                        <span>女士洗发水</span>
                        <span>润发乳</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div> -->
                </div>
                   
                </div>
                <div class="type_item"  style="opacity: 0;">
                    <div class="type_title">
                        <img src="../../image/hf_title.png" />
                    </div>
                    <div id="mov-two">
                        <!-- <div class="class_item1">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item1">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item1">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item1">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item1">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div> -->
                    </div>
                    
                </div>
                <div class="type_item"  style="opacity: 0;">
                    <div class="type_title">
                        <img src="../../image/hl_title.png" />
                    </div>
                    <div id="mov-three">


                    </div>
                    <!-- <div class="class_item2">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item2">
                         <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png"> 
                    </div>
                    <div class="class_item2">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item2">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div>
                    <div class="class_item2">
                          <span style="font-size: 0.9rem;margin: 0rem 0.5rem;">唇妆</span>
                        <span>口红</span>
                        <span>唇膏</span>
                        <span>唇彩</span>
                        <img class="more_img" src="../../image/more2x.png">
                    </div> -->
                </div>
                <div class="type_item"  style="opacity: 0;">
                    <div class="type_title">
                        <img src="../../image/sh_title.png" />
                    </div>
                    <div id="mov-four">


                        </div>
                </div>
                <div class="type_item" style="opacity: 0;">
                    <div class="type_title">
                        <img src="../../image/cs_title.png" />
                    </div>
                    <div id="mov-five">


                        </div>
                </div>
                <div class="type_item" style="opacity: 0;">
                        <div class="type_title">
                            <img src="../../image/hh_title.png" />
                        </div>
                        <div id="move-six">




                        </div>


                    </div>
            </div>
            
    
        </div>
        <div class="hot_main">
                <span class="hot_tips">上热门</span>
            <ul id="remen_go">
                <!-- <li>
                    <div class="hot_img_box"></div>
                    <div class="hot_info">
                        <div class="hot_text">结案开始的你就卡收到卡收到卡仕达手机端</div>
                        <div class="hot_user_info">
                            <div class="hot_head_img"></div>
                            <div class="hot_user_name">啊实打</div>
                            <div class="hot_time">上午9:30</div>
                        </div>
                        <div class="zan">
                            <img class="zan_icon"  src="../../image/zan.png" />
                            <div class="zan_num">1400</div>
                        </div>
                    </div>
                    

                </li> -->
             
            
            </ul>
        </div>
        <!-- <div class="litile1">
            <span class="hs1">活色&nbsp;</span>
            <span class="dian"></span>
            <span class="hs2">&nbsp;生鲜</span>
        </div>
        <div id="aui-main-box">
            
        </div>
    </div>          
    <div class="list_1" tapmode onclick="genduo();"><p>更多商品</p></div>
    <div class="litile2">
        <span class="hs3">品牌&nbsp;</span><span class="dian"></span><span class="hs4">&nbsp;直销</span>
    </div>
    <div id="product">
       
    </div>
    <div class="list_2" tapmode onclick="genduo();"><p>更多商品</p></div>
    <div class="list_3"><p>专栏活动</p></div>
    <div class="list_4"><img src="../../image/xssc9.png"></div>
     -->
</body>
    <script type="text/javascript" src="../../script/api.js"></script>
    <script type="text/javascript" src="../../script/aui-slide.js"></script>
    <script type="text/javascript" src="../../script/jquery.min.js"></script>
    <script>
            $(function(){
                TouchSlide({ slideCell:"#leftTabBox",delayTime:260,effect:'leftLoop',autoPlay:true});
                TouchSlide({ slideCell:"#mid_rec",delayTime:260,effect:'leftLoop',startFun:function(i,c){
                    if(i==0)
                    {
                        $(".div0").css('position','relative');
                        $(".div0").css('z-index','100');
                        $(".div0").animate({width:'160%',height:'4rem',left:'-1.8rem',top:'-0.5rem'});
                        $(".div1").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div1").css('position','');
                        });
                        $(".div2").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div2").css('position','');
                        });

                    }else if(i==1)
                    {
                        $(".div1").css('position','relative');
                        $(".div1").css('z-index','100');
                        $(".div1").animate({width:'160%',height:'4rem',left:'-1.8rem',top:'-0.5rem'});
                        $(".div0").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div0").css('position','');
                        });
                        $(".div2").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div2").css('position','');
                        });
                    }else if(i==2)
                    {
                        $(".div2").css('position','relative');
                        $(".div2").css('z-index','100');
                        $(".div2").animate({width:'160%',height:'4rem',left:'-1.8rem',top:'-0.5rem'});
                        $(".div0").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div0").css('position','');
                        });
                        $(".div1").animate({width:'100%',height:'3rem',left:'0rem',top:'0rem'},function(){
                            $(".div1").css('position','');
                        });
                    }
                }});
                $('.mid_rec .tempWrap').css('overflow','')
                $('.mid_rec .bd').css('overflow','')
               
                $('.type ul li').click(function(){
                    var index = $('.type ul li').index(this);
                    $('.main').animate({  
                       scrollTop: 930
                   }, 500  
               );  
                    //$('.type_item:not(:eq('+index+'))').css('display','none');
                    $('.real_type_main').animate({marginLeft:"-"+index+"0"+index+"%"},'slow')
                    $('.type_item:not(:eq('+index+'))').animate({opacity:"0"},function(){
                        $('.type_item:eq('+index+')').animate({opacity:"1"},'slow')
                    })
                    
                    
                })
            })
          
        </script>
<script type="text/javascript">
    

    apiready = function() {

        
 	var token = {
                do: 'get_type'
            };
        api.ajax({
            url: 'http://www.samlion.com/webApi/mk_app_type.php',
            method: 'get',
            "headers": {
                "Content-Type": "application/json"
            },
            dataType: "json",
            data: {
                body: token
            }
        }, function(ret, err) {
            // alert(JSON.stringify(ret));
            
            if (ret) {
                for(var tmp in ret['时尚美妆']){
                    
                   var str ='<div class="class_item"  style="width: 95%;">'+ 
                    ' <span class="type2" style="font-size: 0.9rem;margin-left:0.3rem;"><span>'+tmp+'</span>&nbsp;|&nbsp;</span>';
                    var str3='';
                   
                        for(var j=0;j<=tmp.length;j++){
                    str3 +='<li style="width:2rem;"><span class="aaa" onclick="open_fenlei(1)">'+ret['时尚美妆'][tmp][j]['name']+'<input style="width:0.001%;height:100%;"value="'+ret['时尚美妆'][tmp][j]['id']+'"></span></li>';
                        }
                      

                    
                    var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                    '</div>'
                   var a_str = str+'<div style="width:11rem;height:100%;"><ul style="width:16rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap: wrap;">'+str3+'</ul></div>'+str2;
                   
                   $api.byId('move-one').innerHTML+=a_str
                      

                }


                for(var tmp in ret['护肤']){
                    
                    var str ='<div class="class_item1"  style="width: 95%;">'+ 
                     ' <span  class="type2" style="font-size: 0.9rem;margin-left:0.3rem;"><span>'+tmp+'</span>&nbsp;|&nbsp;</span>';
                     var str3='';
                    
                         for(var j=0;j<=tmp.length;j++){
                     str3 +='<li style="width:2rem;"><span class="aaa" onclick="open_fenlei(2)">'+ret['护肤'][tmp][j]['name']+'<input style="width:0.001%;height:100%;"value="'+ret['护肤'][tmp][j]['id']+'"></span></li>';
                         }
                       
 
                     
                     var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                     '</div>'
                    var a_str = str+'<div style="width:10.8rem;height:100%;"><ul style="width:16rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap: wrap;">'+str3+'</ul></div>'+str2;
                    
                    $api.byId('mov-two').innerHTML+=a_str
                       
 
                 }
                 for(var tmp in ret['精品生活']){
                    
                    var str ='<div class="class_item3"  style="width: 95%;">'+ 
                     ' <span class="type2" style="font-size: 0.9rem;margin-left:0.3rem;"><span>'+tmp+'</span>&nbsp;|&nbsp;</span>';
                     var str3='';
                    
                         for(var j=0;j<=4;j++){
                     str3 +='<li style="width:2rem;"><span class="aaa" onclick="open_fenlei(4)">'+ret['精品生活'][tmp][j]['name']+'<input style="width:0.001%;height:100%;"value="'+ret['精品生活'][tmp][j]['id']+'"></span></li>';
                         }
                       
 
                     
                     var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                     '</div>'
                    var a_str = str+'<div style="width:11rem;"><ul style="width:15.5rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap: wrap;">'+str3+'</ul></div>'+str2;
                    
                    $api.byId('mov-four').innerHTML+=a_str
                       
 
                 }

                 for(var tmp in ret['超市']){
                    
                    var str ='<div class="class_item4"  style="width: 95%;">'+ 
                     ' <span class="type2" style="font-size: 0.8rem;margin-left:0.3rem;"><sapn>'+tmp+'</span>|&nbsp;&nbsp;</span>';
                     var str3='';
                    
                         for(var j=0;j<=2;j++){
                     str3 +='<li style="width:2.7rem;"><span class="aaa" style="width:10%;height:100%;" onclick="open_fenlei(5)" >'+ret['超市'][tmp][j]['name']+'<input style="width:0.001%;height:100%;"value="'+ret['超市'][tmp][j]['id']+'"></span></li>';
                         }
                       
 
                     
                     var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                     '</div>'
                    var a_str = str+'<div style="width:10rem;"><ul style="width:15.5rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap: wrap;">'+str3+'</ul></div>'+str2;
                    
                    $api.byId('mov-five').innerHTML+=a_str
                       
 
                 }
                 for(var tmp in ret['发现好货']){

                    
                    
                    var str ='<div class="class_item5"  style="width: 95%;">'+ 
                     ' <span class="type2" style="font-size: 0.9rem;margin-left:0.3rem;"><span>'+tmp+'</span>&nbsp;|&nbsp;</span>';
                     var str3='';
                    
                         for(var j=0;j<=1;j++){
                     str3 +='<li style="width:2.7rem;"><span class="aaa" onclick="open_fenlei(6)" >'+ret['发现好货'][tmp][j]['name']+'<input style="width:0.001%;height:0.001%; background-color:red;"value="'+ret['发现好货'][tmp][j]['id']+'"></span></li>';
                         }
                       
 
                        
                     var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                     '</div>'
                    var a_str = str+'<div style="width:9.5rem;"><ul style="width:15.5rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap: wrap;">'+str3+'</ul></div>'+str2;
                    
                    $api.byId('move-six').innerHTML=a_str;
                       
 
                 }

                 for(var tmp in ret['个人护理']){
                    
                    var str ='<div class="class_item2"  style="width: 95%;">'+ 
                     ' <span class="type2"  style="font-size: 0.9rem;margin-left:0.3rem;"><span>'+tmp+'</span>&nbsp;|&nbsp;</span>';
                     var str3='';
                    
                         for(var j=0;j<3;j++){
                     str3 +='<li style="width:3.8rem;"><span class="aaa" onclick="open_fenlei(3)">'+ret['个人护理'][tmp][j]['name']+'<input style="width:0.001%;height:100%;"value="'+ret['个人护理'][tmp][j]['id']+'"></span></li>';
                         }
                       
 
                     
                     var str2 = '<img class="more_img" src="../../image/more2x.png">'+ 
                     '</div>'
                    var a_str = str+'<div style="width:11rem;"><ul style="width:15rem;height:100%;display:flex; flex-direction: row;justify-content: start;flex-wrap:no-wrap;">'+str3+'</ul></div>'+str2;
                    
                    $api.byId('mov-three').innerHTML+=a_str;
                       
 
          
                 }

               
                   
               
//                 for(var j=0; j<=i;j++){
//     $api.byId('clss_span'+j+'').innerHTML+=
// }
             }else {
                alert(JSON.stringify(err));
            }
        });

        window.open_fenlei=function(e){
                       

                        $api.setStorage('new_name',e)
                        // alert( $api.getStorage('new_name'));
                    }
        


        api.ajax({
            url: 'http://www.mk517.com/webApi/mingxi.php',
            method: 'post',
            "headers": {
                "Content-Type": "application/json"
            },
            dataType: "json",
            data: {
                body: token
            }
        }, function(ret, err) {
            // alert(JSON.stringify(ret));
            if (ret) {
              console.log(ret);
                
             }else {
                alert(JSON.stringify(err));
            }
        });

        $('body').on('click','.aaa',function(){
                     var id=$(this).find('input').val();
                    var type2=$(this).parent().parent().parent().prevAll('.type2').children().text();
                    // alert(type2);
                     $api.setStorage('new_id',id);
                     $api.setStorage('new_type',type2);
                    //  var thing1=$(this).text();
                    //  var thing1=$(this).text();
                    //     alert(thing);
            api.openWin({
               name: 'answer',
               url: 'type.html',
               rect: {
                   x: 0,
                   y: 0,
                   w: 'auto',
                   h: 'auto'
               },
               pageParam: {
                   token: $api.getStorage('token')
               },
               allowEdit: true
           });
           
                  })  



        $('.hot_tit').click(function(){
            $(this).animate({fontSize:'1rem'},'fast');
            $(this).css('color','#f7911b');
            $('.look_tit').animate({fontSize:'0.8rem'},'fast');
            $('.look_tit').css('color','#666666');
        })
        $('.look_tit').click(function(){
            $(this).animate({fontSize:'1rem'},'fast');
            $(this).css('color','#f7911b');
            $('.hot_tit').animate({fontSize:'0.8rem'},'fast');
            $('.hot_tit').css('color','#666666');
        })
        
        var token = {
            token:$api.getStorage('token')
        };
        if(!$api.getStorage('token')){
                api.toast({
                    msg:'您还未登录，请先登录！',
                    duration:2000
                });
                location.href='../login.html';
                return false;
            }
        //调出虚拟键盘搜索
        $("#keyword").on('keypress',function(e) {
                var keycode = e.keyCode;
                var searchName = $(this).val();
                if(keycode=='13') {
                    e.preventDefault();  
                    //请求搜索接口
                    // alert("123")
                    window.doSearch();
                }
         });

         //banner渲染
         function banner () {
             api.ajax({
                 url:"https://www.samlion.com/goodsapi.php?banner=app_banner",
                 method:"get",
                 dataType:"json",
                 "headers":{
                     "Content-Type":"application/json"
                 },
             },function(ret,err) {
                //  alert(ret);
                //  alert(JSON.stringify(ret));
                var str1='<div class="aui-slide-wrap">';
                var str2='';
                var str3='</div>';
                var banner_btn='';
                var banner_btn1='<div class="aui-slide-page-wrap">';

                 for(var i=0;i<ret.length;i++)
                 {

                     str2+='<div class="aui-slide-node bg-dark" style="width:100%; ">'+
                            '<img src="'+ret[i]+'"/>'+
                        '</div>';
                    banner_btn+='<span>'+i+'</span>';
                 }
                 var htm=str1+str2+str3+banner_btn1+banner_btn+str3;
                //  alert(imgT);
                 if(ret) {
                     $api.byId("aui-slide3").innerHTML = htm;
                     
                    
                 }
                 var slide = new auiSlide({
                    container: document.getElementById("aui-slide3"),
                    "height": 110,
                    "speed": 1000,
                    "autoPlay": 5000,
                    "pageShow": true,
                    "pageStyle": 'dot',
                    "loop": true,
                    'dotPosition': 'center'
                });
             });
         };
         banner();
        //调出后台数据，动态渲染首页图片
         function showGoods() {
            api.ajax({
                url: 'http://www.samlion.com/goodsapi.php?app=8',
                method: 'get',
                dataType: 'json',
                "headers": {
                    "Content-Type": "application/json"
                },
                // data: {
                //     app:"1"   
                // }
            }, function(ret, err) {
                // alert(JSON.stringify(ret));
                if (ret) {
                var id = ret[0].id;
                var img =  ret[0].img;
                var title = ret[0].title;
                var price = ret[0].price;
                var id1 = ret[1].id;
                var img1 =  ret[1].img;
                var title1 = ret[1].title;
                var price1 = ret[1].price;
                var id2 = ret[2].id;
                var img2 =  ret[2].img;
                var title2 = ret[2].title;
                var price2 = ret[2].price;
                var id3 = ret[3].id;
                var img3 =  ret[3].img;
                var title3 = ret[3].title;
                var price3 = ret[3].price;
                var appa = $api.byId('aui-main-box').innerHTML;
                $api.byId('aui-main-box').innerHTML = 
                '<div class="aui-col-xs-66" tapmode onclick="openmZhuang(' + id + ');">' +    
                    '<img src= "http://www.samlion.com/' + img + '">'+
                    '<p class= "line-limit-length">'+ title +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price +'&nbsp;</p>'+
                '</div>'+
                '<div class="aui-col-xs-13" tapmode onclick="mihoutao(' + id1 + ');">'+
                    '<img src= "http://www.samlion.com/' + img1 + '">'+
                    '<p class= "line-limit-length">'+ title1 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price1 +'&nbsp;</p>'+
                '</div>'+
                '<div class="aui-col-xs-6" tapmode onclick="openClose(' + id2 + ');">'+
                    '<img src= "http://www.samlion.com/' + img2 + '">'+
                    '<p class= "line-limit-length">'+ title2 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price2 +'&nbsp;</p>'+
                '</div>'+
                '<div class="aui-col-xs-13" tapmode onclick="worthBuy(' + id3 + ');">'+
                    '<img src= "http://www.samlion.com/' + img3 + '">'+
                    '<p class= "line-limit-length">'+ title3 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price3 +'&nbsp;</p>'+
                '</div>';
                // alert(title);
                // alert(price);
            }
            });
         };
         showGoods();
         //产品直销
         function product() {
            api.ajax({
                url: 'http://www.samlion.com/goodsapi.php?app=3',
                method: 'get',
                dataType: 'json',
                "headers": {
                    "Content-Type": "application/json"
                },
                // data: {
                //     app:"1"   
                // }
            }, function(ret, err) {
                // alert(JSON.stringify(ret));
                if (ret) {
                var id4 = ret[0].id;
                var img4 =  ret[0].img;
                var title4 = ret[0].title;
                var price4 = ret[0].price;
                var id5 = ret[1].id;
                var img5 =  ret[1].img;
                var title5 = ret[1].title;
                var price5 = ret[1].price;
                var id6= ret[2].id;
                var img6 =  ret[2].img;
                var title6 = ret[2].title;
                var price6 = ret[2].price;
                var id7 = ret[3].id;
                var img7 =  ret[3].img;
                var title7 = ret[3].title;
                var price7 = ret[3].price;
                var id8 = ret[4].id;
                var img8 =  ret[4].img;
                var title8 = ret[4].title;
                var price8 = ret[4].price;
                var id9 = ret[5].id;
                var img9 =  ret[5].img;
                var title9 = ret[5].title;
                var price9 = ret[5].price;
                var id10 = ret[6].id;
                var img10 =  ret[6].img;
                var title10 = ret[6].title;
                var price10 = ret[6].price;
                var id11 = ret[7].id;
                var img11 =  ret[7].img;
                var title11 = ret[7].title;
                var price11 = ret[7].price;
                var appa = $api.byId('aui-main-box').innerHTML;
                $api.byId('product').innerHTML = 
                '<ul class="ssxcList">'+
                    '<li tapmode onclick="Direct_selling1(' + id4 + ');">'+
                        '<img src= "http://www.samlion.com/' + img4 + '">'+
                        '<p class= "line-limit-length">'+ title4 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price4 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling2(' + id5 + ');">'+
                        '<img src= "http://www.samlion.com/' + img5 + '">'+
                        '<p class= "line-limit-length">'+ title5 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price5 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling3(' + id6 + ');">'+
                        '<img src= "http://www.samlion.com/' + img6 + '">'+
                        '<p class= "line-limit-length">'+ title6 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price6 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling4(' + id7 + ');">'+
                        '<img src= "http://www.samlion.com/' + img7 + '">'+
                        '<p class= "line-limit-length">'+ title7 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price7 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling5(' + id8 + ');">'+
                        '<img src= "http://www.samlion.com/' + img8 + '">'+
                        '<p class= "line-limit-length">'+ title8 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price8 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling6(' + id9 + ');">'+
                        '<img src= "http://www.samlion.com/' + img9 + '">'+
                        '<p class= "line-limit-length">'+ title9 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price9 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling7(' + id10 + ');">'+
                        '<img src= "http://www.samlion.com/' + img10 + '">'+
                        '<p class= "line-limit-length">'+ title10 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price10 +'&nbsp;</p>'+
                    '</li>'+
                    '<li tapmode onclick="Direct_selling8(' + id11 + ');">'+
                        '<img src= "http://www.samlion.com/' + img11 + '">'+
                        '<p class= "line-limit-length">'+ title11 +'&nbsp;</p>'+
                    '<p class= "line-limit-length">￥'+ price11 +'&nbsp;</p>'+
                    '</li>'+
                    
                '</ul>'
                // alert(img4);
            }
            });
         }
         product();
         //先验证后进淘宝
        window.doSearch = function() {
            var search_input = $api.byId('search_input');
            var search_inputVal = search_input.value;
            if(!$api.getStorage('token')){
                api.toast({
                    msg:'您还未登录，请先登录！',
                    duration:2000
                });
                location.href='../login.html';
                return false;
            }else if (search_inputVal != '') {
                
                        var unid =$api.getStorage("uid");
                        var u = $api.getStorage("uid");
                        // alert(u);
                        api.openWin({
                            name: 'formwork_2',
                            url: '../formwork_2.html',
                            pageParam: {
                                unid: unid,
                                u: u,
                                search_inputVal: search_inputVal
                            },
                            allowEdit: true
                        });
                    } else {
                        // alert(JSON.stringify(err));
                    }
                // });
            // }
        }
        //返回
        api.addEventListener({
        　　　　name: 'keyback'
        　　}, function(ret, err) {
        // 　　　　api.closeFrame({
        // 　　　　　　name: 'index'
        // 　　　　});
            api.historyBack({
                frameName: 'home' 
            }, function(ret, err) {
                if (!ret.status) {
                    api.closeWin();
                }
            });
        　});

     

        
   window.opanSearch = function() {
               
               api.openWin({
               name: 'answer',
               url: 'search.html',
               rect: {
                   x: 0,
                   y: 0,
                   w: 'auto',
                   h: 'auto'
               },
               pageParam: {
                   token: $api.getStorage('token')
               },
               allowEdit: true
           });
                  
               }   
        //商品详情去雄狮
        window.Direct_selling1 = function(id4) {
            // var header = $api.dom('header');
            // var headerH = $api.fixStatusBar(header)+10;
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id4 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling2 = function(id5) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id5 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling3 = function(id6) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id6 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling4 = function(id7) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id7 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling5 = function(id8) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id8 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling6 = function(id9) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id9 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling7 = function(id10) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id10 + 'name=' + uid
                }
            });  
        }
        window.Direct_selling8 = function(id11) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name:'xionngS',
                url:'../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id11 + 'name=' + uid
                }
            });  
        }
        //签到
        var flag = false;
        window.doSign = function (){
            if(flag){
                return false;
            }
            flag = true;

            api.ajax({
                url:'http://www.mk517.com/webApi/sign.php',
                method:'post',
                dataType:'json',
                'headers':{
                    'Content-Type':'application/json'
                },
                data:{
                    body:token
                }
            },function(ret,err){
                if(ret.status){
                    api.toast({
                        msg:'今日已签到',
                        duration:2500,
                        location:'top'
                    });
                }else{
                    api.toast({
                        msg:'签到成功,集分宝+5',
                        duration:2000,
                        location:'top'
                    });
                }
                    flag = false;

            });

        }



        window.changeFrame = function(index) {
            api.openWin({
                name: 'formwork_1',
                url: '../formwork_1.html',
                pageParam: {
                    index: index
                },
                allowEdit: true
            });

        }
        //橙子
        window.openmZhuang = function(id) {
            var uid =  $api.getStorage('uid');
            // var id = ret.id[0];
            // alert(id);
            api.openWin({
                name: 'mZhuang',
                url: '../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 50,
                    w: 'auto',
                    h: 'auto',
                    reload:'true',
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id + 'name=' + uid
                }
            });
        }
        //猕猴桃
        window.mihoutao = function(id1) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name: 'mihoutao',
                url: '../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id1 + 'name=' + uid
                }
            });
        }

        window.openMKTJ = function() {
            api.openFrame({
                name: 'mk',
                url: './mk.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
            });

        }
        window.genduo = function() {
            api.openWin({
                name: 'genduo',
                url: '../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/category.php?id=1"
                }
            });
        }
        //鸡蛋
        window.openClose = function(id2) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name: 'closes',
                url: '../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id2 + 'name=' + uid
                }
            });
        }
        window.openHT = function() {
            api.openFrame({
                name: 'HT',
                url: './HT.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                }
            });

        }
        //苹果
        window.worthBuy = function(id3) {
            var uid =  $api.getStorage('uid');
            api.openWin({
                name: 'worthBuy',
                url: '../main/mZhuang.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
                pageParam:{
                    url:"http://www.samlion.com/mobile/goods.php?id="+ id3 + 'name=' + uid
                }
            });

        }

        window.openwumi = function() {
            api.openFrame({
                name: 'wumi',
                url: '../wumi/wumi.html',
                rect: {
                    x: 0,
                    y: 0,
                    w: 'auto',
                    h: 'auto'
                },
            });
        };


        window.openJiFen = function() {
            api.alert({
                msg: '即将开放，敬请期待！',
            }, function(ret, err) {
                // if( ret ){
                //      alert( JSON.stringify( ret ) );
                // }else{
                //      alert( JSON.stringify( err ) );
                // }
            });

        }

        //上热门
        star();
          function star() {
            
            var token = $api.getStorage('token'); 
 	        var token = {
                token: token,
                categry:'img_hot',
                limit:'0,10'
            };
           
             api.ajax({
             url: 'http://www.mk517.com/webApi/youquans.php',
             method: 'post',
            "headers": {
                "Content-Type": "application/json"
            },
            dataType: "json",
            data: {
                body: token
            }
        }, function(ret, err) {
           
            // alert(JSON.stringify(ret));
            if (ret) {
               
                // alert(ret[0]['head_img']);
             if(ret.sta && ret.sta==0){

                 alert('您还未激活有圈!');
             }else{
                for(var i=0;i<=ret.length;i++){

                    
              $api.byId('remen_go').innerHTML+=
            //    '<li>'+
            //                                     '<div class="hot_img_box"><img src="'+ret[i]['img'][0]+'"></div>'+
            //                                     '<div class="hot_info">'+
            //                                        ' <div class="hot_text">'+ret[i]['content']+'</div>'+
            //                                        ' <div class="hot_user_info">'+
            //                                             '<div class="hot_head_img"><img src="'+ret[i]['head_img']+'" style="width:100%;height:100%;border-radius: 100%;></div>'+
            //                                             '<div class="hot_user_name">'+ret[i]['name']+'</div>'+
            //                                             '<div class="hot_time">'+ret[i]['time']+'</div>'+
            //                                        ' </div>'+
            //                                        ' <div class="zan">'+
            //                                             '<img class="zan_icon"  src="../../image/zan.png" />'+
            //                                            ' <div class="zan_num">'+ret[i]['zan']+'</div>'+
            //                                        ' </div>'+
            //                                   '  </div>'+
                                                

            //                                ' </li>';


                                          ' <li>'+
                  '  <div class="hot_img_box"><img src="https://'+ret[i]['img'][0]+'"></div>'+
                    '<div class="hot_info">'+
                      '  <div class="hot_text">'+ret[i]['content']+'</div>'+
                       ' <div class="hot_user_info">'+
                            '<div class="hot_head_img"><img src="'+ret[i]['head_img']+'" style="width:100%;height:100%;border-radius: 100%;"></div>'+
                           ' <div class="hot_user_name">'+ret[i]['name']+'</div>'+
                            '<div class="hot_time">'+ret[i]['time']+'</div>'+
                        '</div>'+
                        '<div class="zan">'+
                            '<img class="zan_icon"  src="../../image/zan.png" />'+
                           ' <div class="zan_num">'+ret[i]['zan']+'</div>'+
                       ' </div>'+
                    '</div>'+
                    

                '</li>';
                        }  
             }
                
                    }else {
                        alert(JSON.stringify(err));
                    }
                });


            }
            
    }
</script>

</html>
